<!doctype html>
<html xmlns:th="http://www.thymeleaf.org" xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout">
	<head th:replace="portal/common/header :: header"></head>
	<body class="page-home js-page-home">

		<!-- Link Swiper's CSS 
		<link rel="stylesheet" th:href="@{/resources/plugins/swiper/css/swiper.min.css}">
		<link rel="stylesheet" th:href="@{/resources/plugins/swiper/css/font.css}">
		<link rel="stylesheet" th:href="@{/resources/plugins/swiper/css/ups.css}">
		-->
		
		
	<link th:href="@{/resources/css/cdn.bootstrap.css}" rel="stylesheet">
	<link th:href="@{/resources/css/cdn.site.css}" rel="stylesheet">
	<link th:href="@{/resources/plugins/prism/prism.css}" rel="stylesheet">
	
	
		<style type="text/css">
			.ddc-menus-nav {
				height: 60px;
				background-color: #f2f3f5;
				line-height: 60px;
			}
			.section-authen {
				padding-bottom: 220px;
			}
			.section-title {
				text-align: center;
				padding-top: 40px;
				padding-bottom: 52px;
			}
			.section-title[data-theme="dark"] h2:not(.h1), .section-title[data-theme="dark"] .h2 {
				color: #666a75;
			}
			.section-title h2:not(.h1), .section-title .h2 {
				margin-top: 10px;
				font-size: 18px;
				line-height: 22px;
				letter-spacing: 2px;
			}
			.section-wrapper {
				max-width: 1280px;
				padding-left: 30px;
				padding-right: 30px;
				margin-left: auto;
				margin-right: auto;
			}
			.authen-service-wrapper {
				margin-left: -10px;
				margin-right: -10px;
			}
			h1, .h1, h2, .h2, h3, .h3{
				margin-top: auto;
				margin-bottom: auto;	
			}
			.authen-service-item {
				float: left;
				width: 48%;
				margin-right: 1%;
				padding-left: 10px;
				padding-right: 10px;
				box-shadow: 1px 1px 5px #a3a3a3;
				border-radius: 2px;
			}
			.authen-service-card {
				display: block;
				position: relative;
				padding: 40px 40px 40px 120px;
				border-radius: 2px;
				background-color: white;
				background-position: left -90px bottom -40px;
				background-repeat: no-repeat;
			}
			.authen-service-card .p {
				font-size: 14px;
				line-height: 22px;
				color: #666a75;
			}
			.authen-service-card .h2 {
				margin-bottom: 10px;
				font-size: 20px;
				line-height: 26px;
				color: #395ce9;
			}
			.authen-service-card .i {
				position: absolute;
				top: 40px;
				left: 30px;
				width: 60px;
				height: 60px;
				background-size: cover;
			}
			.code-pre code {
				line-height: 1.3 !important;
			}
			.code-pre {
				border: 0px !important;
				border-radius: 2px !important;
				padding-top: 0px !important;
				padding-bottom: 0px !important;
				line-height: 1.3 !important;
			}
			.site-header {
				background-color: #1f4d89;
				padding-top: 30px;
				padding-bottom: 50px !important ;
				background-image: url(/resources/img/banner-01.png);
				background-size: auto 100%;
			}
			:not(pre) > code[class*="language-"], pre[class*="language-"] {
				background: #fff !important ;
			}
		</style>
		
		<!-- nav_start-->
		<div th:replace="portal/common/nav :: nav"></div>
		<!-- nav_end-->
		   
		<div class="wrapper production production-dc2" style="margin-top:60px;">

		<header class="site-header" >
			<div class="container ">
				<div class="row" style="text-align:left">
					<div class="col-xs-6">
						<p> 1. <a target="_blank" href="http://gitbook.linesno.com/linesno-cloud-guide/_book/images/alinesno.settings.xml" style="color:#fff;font-weight:bold">
							下载maven文件
							</a>并配置 <a target="_blank" style="color:#fff;font-size:12px" href="https://www.cnblogs.com/tangshengwei/p/6341462.html">配置教程</a>，
						引入基础依赖 
						</p>
<pre class="code-pre">
  <code class="language-xml">
&lt;parent&gt;
    &lt;groupId&gt;com.alinesno.cloud.common.parent&lt;/groupId&gt;
    &lt;artifactId&gt;alinesno-cloud-common-parent&lt;/artifactId&gt;
    &lt;version&gt;2.0.0-SNAPSHOT&lt;/version&gt;
    &lt;relativePath&gt;&lt;/relativePath&gt;
&lt;/parent&gt;
&lt;dependencies&gt;
    &lt;dependency&gt;
        &lt;groupId&gt;com.alinesno.cloud.common.web&lt;/groupId&gt;
        &lt;artifactId&gt;alinesno-cloud-common-web&lt;/artifactId&gt;
        &lt;version&gt;2.0.0-SNAPSHOT&lt;/version&gt;
    &lt;/dependency&gt;
&lt;/dependencies&gt;
  </code>
</pre>
						<p> 2. 编写启动类并运行,打开: <a target="_blank" style="color:#fff" href="http://localhost:8080">http://localhost:8080</a></p>
<pre class="code-pre">
  <code class="language-java">
@SpringBootApplication(exclude = DataSourceAutoConfiguration.class)
@EnableEurekaClient
@EnableAlinesnoCommonLogin
public class AlinesnoApplication {
	public static void main(String[] args) {
		SpringApplication.run(AlinesnoApplication.class, args);
	}
}
    </code>
</pre>
					</div>
					<div class="col-xs-6">
						<h2 style="margin-top: 10px;margin-bottom: 27px;">
							开发接入研发平台 
							<a target="_blank" th:href="@{/public/gitbook/document?target=http://gitbook.linesno.com/linesno-cloud-guide/_book/}" style="font-size:13px;color:#fff">详细文档</a> 
						</h2>
						<p>
						用于开发人员项目指引工程，开发并不需要了解整个平台架构及内部结构，此对开发透明化，
						开发针对文档的示例及代码生成器即可生成现成代码，进行二次开发，无需要从零配置，更专注业务实现。
						</p>
						<p>以CRM管理系统为示例，效果如下 </p>
						<p>示例账号密码: <span>crm@gmail.com/admin</span></p>
						<img th:src="@{/resources/img/crm_portal.png}" style="width:100%;margin-top:10px;height: 350px;" />
					</div>
				</div>
			</div>
		</header>

		<!-- 
		<div id="ups-banner">
			<div class="swiper-container" style="height: 500px">
				<div class="swiper-wrapper">
					<div class="swiper-slide">
						<div class="content">
							<div class="txt">
								<h3>Your title</h3>
								<p>UPS today announced a series of service</p>
								<p>UPS today announced a series of service</p>
							</div>
							<a href="#" class="link">Your link</a>
						</div>
						<div class="img-fix">
							<div class="img-inner">
								<img th:src="@{/resources/img/bg_01.jpg}" class="img">
							</div>
						</div>
					</div>
				</div>
				<div class="bottom-nav">
					<div class="ups-icon-videoplay"></div>
					<div class="swiper-pagination"></div>
				</div>
				<div class="swiper-button-next"></div>
				<div class="swiper-button-prev"></div>
			</div>
		</div>
		-->		

		<section class="ddc-menus-nav">
				<div class="ddc-menus-nav__inner container">
					<a class="ddc-menus-nav__item" data-target="advantage" href="/dc2.html#advantage" data-index="0">产品优势</a>
					<a class="ddc-menus-nav__item" data-target="scenarios" href="/dc2.html#scenarios" data-index="1">应用场景</a>
					<a class="ddc-menus-nav__item" data-target="charge" href="/dc2.html#charge" data-index="2">产品优势</a>
				</div>
		</section>
		<section class="ddc-discount ddc-block" id="productItemsList">
				<div class="ddc-discount__inner container product-introduce-container-wrap" v-for="item in items">
					<h3 class="ddc-block__title">{{ item.linkTypeName }}</h3>
					<div class="dn-row product-module-wrap">
						<div class="items">
						
							<div class="item-list dn-col-sm-12 dn-col-xs-24" v-for="i in item.links">
								<div class="item-box">
									<a :href="i.linkPath" :target="i.linkTarget"  class="all" ></a>
									<i :class="i.linkLogo"></i>
									<div class="tit">{{ i.linkName }}</div>
									<div class="desc">{{ i.linkDesc }}</div>
								</div>	
							</div>
							
						</div>
					</div>
				</div>
			</section>	
			
			<style type="text/css">
				.ddc-scenarios__content-box .active{
					display: block !important ;
				}
				.ddc-scenarios__content-box .scene-content{
					display: none ;
				}
			</style>
			
			
			<section class="ddc-scenarios ddc-block ddc-menu-block" id="design-items">
				<div class="ddc-scenarios__inner container">
					<h3 class="ddc-block__title">整体开发平台架构设计</h3>
					<ul class="ddc-scenarios__nav" style="height:50px">
						<li class="ddc-scenarios__nav-item" 
							:class="{'ddc-scenarios__nav-item--active':index==ins}"
							:data-index="index" 
							v-on:click="ins=index"
							v-for="(item,index) in items">
							{{ item.title }}
						</li>
					</ul>
					<div class="ddc-scenarios__content-box" style="height:auto; max-width:1200px;margin:auto;">

						<div class="scene-content active">
							<div class="scene-box" style="box-shadow: 0 3px 11px #a3a3a3;">
								<div class="scene-body">
									<img class="framework-img" style="width:860px" th:src="@{/resources/img/01_design.png}">
									<div class="framework-content" style="width:260px">
										<h4>企业级统一开发平台</h4>
										<h5>方案描述</h5>
										<p class="info">拓展互联网的企业尤其新零售行业，希望有上手快，效率高的自动化工具平台，支撑业务快速迭代，抢占市场先机。DevOps解决方案，以工具化建设DevOps体系为核心策略，覆盖产品研发全生命周期，从“需求-开发-测试-发布-运维-反馈”各阶段都有高效工具支撑效率提升，与中间件、容器服务产品无缝结合，联合提供DevOps实施平台。</p>
										<i class="line"></i>
										<h6>
											客户案例
										</h6>
										<ul class="solutions">
											<li>
												<h6>五矿电商</h6>
												<p title="功能覆盖从编译打包部署，到测试完成发布的全部测试流程，整个测试团队的工作和管理都靠它了">功能覆盖从编译打包部署，到测试完成发布的全部测试流程，整个测试团队的工作和管理都靠它了</p>
											</li>
											<li>
												<h6>网聚宝</h6>
												<p title="在快速变化的背景下，我们利用云效保证了研发组织过程的稳定性与持续性。">在快速变化的背景下，我们利用云效保证了研发组织过程的稳定性与持续性。</p>
											</li>
										</ul>
									</div>
								</div>
							</div>
						</div>
						
						<div class="scene-content">
							<div class="scene-box" style="box-shadow: 0 3px 11px #a3a3a3;">
								<div class="scene-body">
									<img class="framework-img" style="width:860px" th:src="@{/resources/img/01_design.png}">
									<div class="framework-content" style="width:260px">
										<h4>企业级统一开发平台</h4>
										<h5>方案描述</h5>
										<p class="info">拓展互联网的企业尤其新零售行业，希望有上手快，效率高的自动化工具平台，支撑业务快速迭代，抢占市场先机。DevOps解决方案，以工具化建设DevOps体系为核心策略，覆盖产品研发全生命周期，从“需求-开发-测试-发布-运维-反馈”各阶段都有高效工具支撑效率提升，与中间件、容器服务产品无缝结合，联合提供DevOps实施平台。</p>
										<i class="line"></i>
										<h6>
											客户案例
										</h6>
										<ul class="solutions">
											<li>
												<h6>五矿电商</h6>
												<p title="功能覆盖从编译打包部署，到测试完成发布的全部测试流程，整个测试团队的工作和管理都靠它了">功能覆盖从编译打包部署，到测试完成发布的全部测试流程，整个测试团队的工作和管理都靠它了</p>
											</li>
											<li>
												<h6>网聚宝</h6>
												<p title="在快速变化的背景下，我们利用云效保证了研发组织过程的稳定性与持续性。">在快速变化的背景下，我们利用云效保证了研发组织过程的稳定性与持续性。</p>
											</li>
										</ul>
									</div>
								</div>
							</div>
						</div>
						
						<div class="scene-content">
							<div class="scene-box" style="box-shadow: 0 3px 11px #a3a3a3;">
								<div class="scene-body">
									<img class="framework-img" style="width:860px" th:src="@{/resources/img/01_design.png}">
									<div class="framework-content" style="width:260px">
										<h4>企业级统一开发平台</h4>
										<h5>方案描述</h5>
										<p class="info">拓展互联网的企业尤其新零售行业，希望有上手快，效率高的自动化工具平台，支撑业务快速迭代，抢占市场先机。DevOps解决方案，以工具化建设DevOps体系为核心策略，覆盖产品研发全生命周期，从“需求-开发-测试-发布-运维-反馈”各阶段都有高效工具支撑效率提升，与中间件、容器服务产品无缝结合，联合提供DevOps实施平台。</p>
										<i class="line"></i>
										<h6>
											客户案例
										</h6>
										<ul class="solutions">
											<li>
												<h6>五矿电商</h6>
												<p title="功能覆盖从编译打包部署，到测试完成发布的全部测试流程，整个测试团队的工作和管理都靠它了">功能覆盖从编译打包部署，到测试完成发布的全部测试流程，整个测试团队的工作和管理都靠它了</p>
											</li>
											<li>
												<h6>网聚宝</h6>
												<p title="在快速变化的背景下，我们利用云效保证了研发组织过程的稳定性与持续性。">在快速变化的背景下，我们利用云效保证了研发组织过程的稳定性与持续性。</p>
											</li>
										</ul>
									</div>
								</div>
							</div>
						</div>
						
					</div>
				</div>
			</section>
			
		<section class="ddc-discount ddc-block" id="discount">
			<div class="section-authen" id="section-authen" bi_parent_name="安全认证">
				<div class="section-title" data-theme="dark">
					<h2 class="h1">提供安全专业服务和权威资质认证</h2>
					<h2 class="h2">国内外权威机构安全合规认证</h2>
				</div>
				<div class="section-wrapper">
					<div class="authen-service-wrapper">
						<div class="authen-service-item" style="margin-left: 2%;"> 
							<a class="authen-service-card" href="https://www.huaweicloud.com/service/security.html"  style="background-image: url(&quot;https://www.huaweicloud.com/content/dam/cloudbu-site/archive/china/zh-cn/home/statics/images/homepage-authen-service-bg.png&quot;); height: 181px;">
							<i class="i" style="background-image: url(https://www.huaweicloud.com/content/dam/cloudbu-site/archive/china/zh-cn/home/statics/images/homepage-authen-icon-service.png)"></i>
							<h2 class="h2">专业服务</h2>
							<p class="p">华为与权威机构一起提供“专家式”人工服务，帮助客户预防、监测、发现主机站点及系统的安全风险，给出解决方案、整改建议及权威报告，并及时修复被攻击系统。</p>
						</a> </div>
						<div class="authen-service-item"> 
							<a class="authen-service-card" href="https://www.huaweicloud.com/solution/gradedprotection/"  style="background-image: url(&quot;https://www.huaweicloud.com/content/dam/cloudbu-site/archive/china/zh-cn/home/statics/images/homepage-authen-safe-bg.png&quot;); height: 181px;">
							<i class="i" style="background-image: url(https://www.huaweicloud.com/content/dam/cloudbu-site/archive/china/zh-cn/home/statics/images/homepage-authen-icon-safe.png)"></i>
							<h2 class="h2">安全合规</h2>
							<p class="p">华为云依托自身安全能力与安全合规生态，为客户提供一站式的安全解决方案，帮助客户快速、低成本完成安全整改，轻松满足等保合规要求。</p>
						</a> </div>
					</div>
				</div>
			</div>
		</section>
			
			<section class="ddc-discount ddc-block" id="discount">
				<div class="ddc-discount__inner container">
					<h3 class="ddc-block__title">优惠活动</h3>
					<div class="ddc-discount__content">
						<a  class="OMEGA_DDC_PC_W_DC2_ACTIVITY_ENT_CK" onclick="window.open(location.origin + '/activity.html#buyAuth')">
							<div class="ddc-discount__item">
								<h4 class="ddc-discount__item-title">企业专享免费套餐</h4>
								<p class="ddc-discount__item-subtitle">助力企业0成本上云</p>
								<div class="ddc-discount__item-arrow"></div>
							</div>
						</a>
						<a  class="OMEGA_DDC_PC_W_DC2_ACTIVITY_PER_CK" onclick="window.open(location.origin + '/activity.html#buyAuth')">
							<div class="ddc-discount__item">
								<h4 class="ddc-discount__item-title">个人特价套餐</h4>
								<p class="ddc-discount__item-subtitle">爆款仅售9.9元</p>
								<div class="ddc-discount__item-arrow"></div>
							</div>
						</a>
					</div>
				</div>
			</section>
		</div>
	</div>

	<!-- 
	<script th:src="@{/resources/plugins/swiper/js/swiper.min.js}"></script>
	<script th:src="@{/resources/plugins/swiper/js/ups.js}"></script>	
	-->
	<script th:src="@{/resources/plugins/prism/prism.js}"></script>	
		
	<!-- footer start -->
	<div th:replace="portal/common/footer:: footer"></div>
	<!-- footer start -->
	
	<script type="text/javascript">
		$(function(){
			linkItems('#productItemsList', 'portal_product' , 'product') ;
			
			var example2 = new Vue({
			  el: '#design-items',
			  data: {
				ins: 0 ,
				items : [
					  { id:'1', title : '平台架构设计'},
					  { id:'2', title : '业务架构设计'},
					  { id:'3', title : '开发架构设计'},
					  { id:'4', title : '技术架构设计'},
					  { id:'5', title : '部署架构设计'},
					  { id:'6', title : '运维架构设计'}
				] 
			  }
			}) ; 
			
		}) ;
		
	</script>
	
	</body>
</html>
